.head {
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 99;
  background: #fff;
  .tab_box {
    width: 100%;
    height: 88upx;
    display: flex;
    align-items: center;
    >view {
      height: 100%;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      color:#666;
      font-size: 28upx;
      position: relative;
    }

  }

}

.all_class {
  width: 100%;
  background: #F4F4F4;
  border-radius: 0 0 12upx 12upx;
  padding: 25upx 0 5upx;
}
.search_view {
  width: 100%;
  height: 88upx;
  background: #fff;
  padding: 0 20upx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  .input_item {
    background: #eee;
  }
}
.time_select {
  width: 100%;
  background: #F4F4F4;
  border-radius: 0 0 12upx 12upx;
  >view {
    width: 100%;
    padding: 27upx 40upx;
    box-sizing: border-box;
    display: flex;
    .item {
      height: 60upx;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      font-size: 28upx;
      color: #666;
      background: #fff;
      border-radius: 6upx;
      position: relative;
      box-sizing: border-box;
    }
    .on {
      border:1px solid #0084FF;
      color: #0084FF;
      background:rgba(240,248,255,1);
    }
  }
  .top {
    justify-content: space-between;
    .item {
      width: 130upx;
    }
  }
  .bottom {
    justify-content: center;
    padding-top: 0;
    .item {
      width: 100%;
    }
  }
}


.hotList_set {
  width: 100%;
  background: #eee;
  border-radius: 12upx 12upx 0 0;
  .set_title {
    width: 100%;
    height: 94upx;
    padding: 30upx 0 0 20upx;
    box-sizing: border-box;
    font-size: 38upx;
    color: #333;
    background: #fff;
    font-weight: 600;
    border-radius: 12upx 12upx 0 0;
  }
  .set_list {
    padding: 37upx 0; 
    box-sizing: border-box;
  }
  .article_list {
    width: 100%;
    height: 70vh;
  }
  .btn_box {
    width: 100%;
    display: flex;
    align-items: center;
    >button {
      height: 96upx;
      border-radius: 0;
      &::after {
        border: none;
      }
      &:nth-child(1) {
        background: #fff;
        color: #333;
      }
    }
  }
}

// 轮播图高度自动
.swiper {
  height: auto;
}
.uni-swiper-wrapper {
  overflow: visible!important;
}
.swiper-item {
  height: auto!important;
}

.fb_kw {
  color: #f00;
}